Vue.component('todo-item', {
	props: ['todo'],
	template: '<li>{{todo.id}}:{{todo.text}}</li>'
})

var app = new Vue({
	el:'#app2',
	data: {
		groceryList:[
			{id:0,text:'vegetables'},
			{id:1,text:'cheese'},
			{id:2,text:'humans are supposed to eat'},
		],
	}
})
